@import '../../style/theme.less';
@import '../../style/mixins.less';

.demo-skeleton {
	min-height: 100vh;
	background: white;

	&__switch {
		margin-bottom: @padding-md;
		margin-left: @padding-md;
	}

	&__preview {
		display: flex;
		padding: 0 @padding-md;

		img {
			flex-shrink: 0;
			width: 32px;
			height: 32px;
			margin-right: @padding-md;
		}
	}

	&__content {
		padding-top: 6px;

		h3 {
			margin: 0;
			font-size: 18px;
			line-height: 20px;
		}

		p {
			margin: 13px 0 0;
			font-size: 14px;
			line-height: 20px;
		}
	}
}
